<!DOCTYPE html>
<html>
<head>
    <title>归档项目</title>
    #parse("include/header.html")
    <link rel="stylesheet" href="${rc.contextPath}/statics/css/projectManage/archivedProject.css">
</head>
<body>
<div id="archivedProject" class="container-fluid" v-cloak>
    <div class="col-md-12 column display-flex">
        <div class="col-md-11 column" style="height: 35px;width: calc(100% - 35px);">
            <div class="col-md-4 column subTitle" style="padding-top: 10px;">
                归档项目共有<span style="color:#dc6d67">{{length}}</span>个
            </div>
            <div class="col-md-8 column type-group">
                <div v-for="type in types" class="type-div" :class="{'active':type.value===activeType.value}"
                     @click="selectType(type)">
                    {{type.name}}&nbsp;<span style="color:#dc6d67">1</span>个
                </div>
            </div>
        </div>
        <div class="col-md-1 column" style="height: 35px;width: 35px;padding: 3px">
            <button class="transparent-btn" type="button" title="返回项目首页" @click="backToList">
                <span class="fa fa-reply" style="color: #999999;font-size: 20px;"></span>
            </button>
        </div>
    </div>

        <div class="col-md-12 column projGrid" :style="styleObject">
            <div class="project-slimScroll">
                <div v-for="project in projects" class="row clearfix projList"
                     :class="{'active-project':(project.projId===activeProject.projId)}">

                    <div class=" col-md-12 column">
                        <div class="col-md-2 column projInfo-left">
                            <span class="subTitle">
                                {{project.startDate.substr(0,10)}}~{{project.endDate.substr(0,10)}}
                            </span>
                        </div>
                        <div class="col-md-8 column projInfo-center" @click="showDetails( project )">
                            {{project.projName}}
                        </div>
                        <div class="col-md-2 column projInfo-right">
                            <span class="subTitle">
                                大项目经理：{{project.bigProjManager}}
                            </span>
                        </div>
                    </div>
                    <div class="col-md-12 column divider"></div>
                </div>
            </div>
        </div>

</div>
#parse("include/footer.html")
<script src="${rc.contextPath}/statics/js/projectManage/archivedProject.js?_${date.systemTime}"></script>
</body>
</html>